<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息中心</title>
    <include file="common/tag"/>
    <style>
        body{
            background-color: #fff;
        }
        .yui-top{
            margin-top: 20px;
            margin-left: 10px;
        }
    </style>
</head>
<body>
    <!--页面头-->
    <div class="breadcrumbs" id="breadcrumbs">
        <script type="text/javascript">
            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
        </script>

        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
            <li class="active">信息中心</li>
            </li>
        </ul><!-- .breadcrumb -->
    </div>

    <div class="yui-top">
        <div id="user-profile-1" class="user-profile row">
            <div class="col-xs-12 col-sm-3 center">
                <div>
                    <span class="profile-picture">
                        <img class="editable img-responsive editable-click editable-empty" alt="{$data.username}" src="/static/images/profile.jpg"></img>
                    </span>

                    <div class="space-4"></div>

                    <div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
                        <div class="inline position-relative">
                            <a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-circle light-green middle"></i>
                                &nbsp;
                                <span class="white">{$data.username}</span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="space-6"></div>


                <div class="hr hr16 dotted"></div>
            </div>

            <div class="col-xs-12 col-sm-9">

                <div class="profile-user-info profile-user-info-striped">
                    <div class="profile-info-row">
                        <div class="profile-info-name"> 用户名 </div>

                        <div class="profile-info-value">
                            <span class="label label-xlg label-pink arrowed-in-right arrowed-in" >{$data.username}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 姓名 </div>

                        <div class="profile-info-value">
                            <span class="label label-inverse" >{$data.name}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 性别 </div>

                        <div class="profile-info-value">
                            <eq name="data.gender" value="0">
                                <span class="badge badge-pink">♀</span>
                                <else/>
                                <span class="badge badge-purple">♂</span>
                            </eq>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 权限 </div>

                        <div class="profile-info-value">
                            <foreach name="roles" item="role">
                                <if condition="$role['role_id'] eq $data['role_id']">
                                    <span class="label label-success arrowed">{$role.name}</span>
                                </if>
                            </foreach>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 电话 </div>

                        <div class="profile-info-value">
                            <span class="editable editable-click" >{$data.tel}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 邮箱 </div>

                        <div class="profile-info-value">
                            <span class="editable editable-click" >{$data.email}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> QQ </div>

                        <div class="profile-info-value">
                            <span class="editable editable-click">{$data.qq}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 微信 </div>

                        <div class="profile-info-value">
                            <span class="editable editable-click" >{$data.wchat}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 状态 </div>

                        <div class="profile-info-value">
                            <eq name="data.status" value="0">
                                <span class="badge badge-grey">禁用</span>
                                <else/>
                                <span class="badge badge-success">开启</span>
                            </eq>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 创建时间 </div>

                        <div class="profile-info-value">
                            <span class="label label-danger arrowed-in">{$data.created_at|date='Y-m-d H:i:s',###}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 修改时间 </div>

                        <div class="profile-info-value">
                            <span class="label label-danger arrowed-in">{$data.updated_at|date='Y-m-d H:i:s',###}</span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> 描述 </div>

                        <div class="profile-info-value">
                            <span class="editable editable-click" >
                                {$data.description}
                                <br>
                            </span>
                        </div>
                    </div>

                </div>

                <div class="space-20"></div>

            </div>
        </div>
    </div>


</body>
</html>